.frame-right-dist-1{
    width: 90%;
    height: 2px;
    margin-top: 2px;
    background-color: #C8C8C9;
}

.frame-index{
  position: relative;
  width: 100%; overflow: hidden;
  background:#F2F2F2;
}

.frame-right-line{
  width: 90%;
  height: 2px; background-color: #979797;
  margin: 200px auto 50px auto;
}

.frame-right-page-input{
width: 80px;
height:26px;
line-height: 26px;
outline: none;
margin-right: 10pt;
}
/*顶部*/
.frame-header{
width: 100%;
height: 35px;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.frame-logo{
width: 15px;
height: 15px;
margin-left: 3%;
}
.frame-new{
border: 0;
background-color: #39B866;
width: 60px;
height: 19px;
border-radius: 3px;
color: white;
font-size: 6px;
-webkit-text-size-adjust:none;
margin-right: 10px;
outline: none;
}

/*内容*/
.frame-content{
width:100%; height: 100%;
display: flex;
display: -webkit-flex;
}
/*左边*/
.frame-left{
width: 350px;
display: flex;
display: -webkit-flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
border-right: 2px solid #E5E5E5;
}
.frame-left-search{
width: 310px;
height: 40px;
margin-top: 43px;
}
.frame-search-input{
width: 100%;
height: 100%;
border-radius: 50px;
border-width: 0.2px;
border-color: #C8C8C8;
outline:none;
padding: 10px;
background: #fff;
}
input::-ms-input-placeholder{
text-align: center;
}
input::-webkit-input-placeholder{
text-align: center;
}

.frame-left-dist{
width: 100%;
background-color: #C8C8C9;
height: 1px;
margin-top: 42px;
margin-bottom: 30px;
}

.frame-left-category{
margin:5px;
width: 310px;
height: 25px;
background-color: white;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
border-width: 1px;
border-color: #C8C8C8;
}
.category-title{
margin-left: 10px;
font-size: 7px;
color: #303641;
}
.category-value{
margin-right: 10px;
font-size: 7px;
}


/*右边*/
.frame-right{
flex: 1; height: 100%;
background-color: white;
overflow: auto;
}
.frame-right-dist{
width: 90%;
height: 2px;
background-color: #E5E5E5;
margin: 0 auto;
}
.frame-right-header{
margin: 0 auto;
height:80px;
width: 90%;
display: flex;
display: -webkit-flex;
align-items: center;
flex-direction: row;
}
.frame-right-title{
font-size: 6px;
color: #303641;
}
.frame-right-search{
min-width: 100px;
height: 30px;
border-radius: 50px;
border:1pt solid #C8C7CC;
display: flex;
display: -webkit-flex;
align-items: center;
padding-left: 5px;
padding-right: 5px;
margin-left: 10px;
}
.frame-right-search-title{
font-size: 6px;
color: #303641;
margin-right: 10px;
}
.frame-right-search-content{
font-size: 6px;
margin-left: 10px;
color: #303641;
}
.frame-right-allitems{
font-size: 6px;
margin-left: auto;
}
.frame-right-list{
width: 90%;
margin: 0 auto;
margin-top: 32px;
}
.frame-right-footer{
width: 90%;
height: 100px;
/*margin-bottom: 100px;*/
/*margin-top: 20px;*/
display: flex;
display: -webkit-flex;
justify-content: flex-end;
align-items: center;
}
.frame-right-footer-txt{
font-size: 7pt;
color: #303641;
margin-right: 10pt;
}
.frame-right-page-input{
width: 80px;
height:26px;
line-height: 26px;
outline: none;
margin-right: 10pt;
}
.frame-right-footer-search{
width: 50px;
height:26px;
line-height: 26px;
font-size: 6pt;
border: 1px solid #C8C8C8;
}

.m-mb-10{
margin-bottom: 10px;
}

.x-frame-title{
position: relative;
width: 100%;
height: 91px;
border-bottom: 2px solid #E5E5E5;
}

.x-frame-title-text{
position: absolute;
height:40px;
font-size:28px;
color:rgba(48,54,65,1);
line-height:40px;
left: 50px; top: 36px;
}

.f-title{
position: relative;
width: 100%;
height:50px;
background:#303641;
color: #fff;
font-size:16px;
line-height: 50px;
&>div{
  position: absolute;
  color: #fff;
  top: 50%; left: 10px;
  transform: translateY(-50%);
}
}

.block-item{
position: absolute;
width: 350px;
height: 100px;
bottom: 0px;
}
.block-im{
width: 250px;
height: 100px;
background-color: #EEEEEF;
float: right;
}
.block-it{
width: 100px;
height:100px;
background-color:#5D43F7;
float: left; 
}
.pm{
  position: absolute;
  left: 110px; top: 10px;
  font-size: 16px;
  color:#303641; 
}
.ph { 
  position: absolute;
  text-align: left;
  left: 110px; top: 55px;
   font-size:12px;
   color:#303641;
   width:200px;
   height:34px;
}

.d-slide{
    width: 310px;
    margin: 86px auto 0 auto;
    height:17px;
    font-size:12px;
    color:rgba(48,54,65,1);
    line-height:17px;
}

.d-line{
    width:310px;
    height:2px;
    border:1px solid rgba(200,200,201,1);
    margin: 0 auto;
    margin-top: 18px;
}

.d-btn{
    width:310px;
    height:50px; 
    border-radius:6px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    
}

.d-green-btn{
    background:rgba(57,184,102,1);
    color: #fff;
    margin-top: 40px;
}

.d-white-btn{
    border:1px solid rgba(200,200,201,1);
    color: #303641;
    margin-top: 20px;
}

.d-text-block{
    width:260px;
    height:44px;
    font-size:12px;
    color:rgba(48,54,65,1);
    line-height:24px;
    margin: 30px auto;
}

